<!DOCTYPE html SYSTEM "http://www.thymeleaf.org/dtd/xhtml1-strict-thymeleaf-spring4-4.dtd">
<html xmlns="http://www.w3.org/1999/xhtml"
      xmlns:th="http://www.thymeleaf.org">
<head>
  <meta charset="utf-8">
  <title>layui</title>
  <meta name="renderer" content="webkit">
  <meta http-equiv="X-UA-Compatible" content="IE=edge,chrome=1">
  <meta name="viewport" content="width=device-width, initial-scale=1, maximum-scale=1">
  <link rel="stylesheet" href="/static/layui/css/layui.css">
  <link rel="stylesheet" href="/static/jstree/themes/default/style.css">
  <style>
    body, html {
      background: #FFFFFF;
    }

    .layui-form-label {
      padding: 6px 15px 6px 0;
      width: 60px;
    }

    .layui-input, .layui-select, .layui-textarea {
      line-height: 32px;
      height: 32px;
    }

    .layui-btn-sm {
      padding: 0 22px;
    }
  </style>
</head>
<body>
<div class="layui-fluid">
  <div class="layui-row">
    <div class="layui-col-xs0 layui-col-sm2 layui-col-md2">
      <div style="margin: 10px;">
        <button class="layui-btn layui-btn-xs layui-btn-normal" id="create-btn">创建</button>
        <button class="layui-btn layui-btn-xs layui-btn-normal" id="edit-btn">修改</button>
        <button class="layui-btn layui-btn-xs layui-btn-normal" id="del-btn">删除</button>
      </div>
      <div id="tree"></div>
    </div>
    <div class="layui-col-xs12 layui-col-sm10 layui-col-md10" style="padding: 20px;">
      <form class="layui-form" action="#">
        <div class="layui-form-item">
          <div class="layui-inline">
            <label class="layui-form-label">资源名称</label>
            <div class="layui-input-inline">
              <input type="text" name="number" lay-verify="required|number" autocomplete="off" class="layui-input">
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">资源状态</label>
            <div class="layui-input-inline">
              <select name="interest" lay-filter="aihao">
                <option value=""></option>
                <option value="0">可用</option>
                <option value="1">不可用</option>
                <option value="2">已删除</option>
              </select>
            </div>
          </div>
          <div class="layui-inline">
            <label class="layui-form-label">上传时间</label>
            <div class="layui-input-inline">
              <input type="text" class="layui-input" id="res-date" placeholder=" - ">
            </div>
          </div>
          <div class="layui-inline">
            <button class="layui-btn layui-btn-primary layui-btn-sm">取消</button>
            <button class="layui-btn layui-btn-normal layui-btn-sm">提交</button>
          </div>
        </div>
      </form>
      <div class="menu-btns">
        <button id="res-add-btn" class="layui-btn layui-btn-normal layui-btn-sm"><i class="layui-icon layui-icon-add-1"></i>新建</button>
        <button class="layui-btn layui-btn-primary layui-btn-sm">批量操作</button>
      </div>
      <table class="layui-hide" id="res-tables" lay-skin="line" lay-size="sm" lay-filter="res-tables"></table>
    </div>
  </div>
</div>
<script type="text/javascript" src="lib/jquery/1.9.1/jquery.min.js"></script>
<script src="/static/layui/layui.js"></script>
<script src="/static/jstree/jstree.min.js"></script>
<script src="/static/js/data-list.js"></script>
<script type="text/html" id="tool-bar">
  <a class="layui-btn layui-btn-xs" lay-event="preview">查看</a>
  <a class="layui-btn layui-btn-xs" lay-event="download">下载全部文件</a>
</script>
</body>
</html>